<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>微信应用服务管理平台</title>
    <link rel="icon" href="/images/favicon.ico" mce_href="/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/css/base/theme/theme.css"/>
</head>
<style type="text/css">
    .layui-nav-child{}
</style>
<body>
<div class="main-layout" id='main-layout'>
    <!--侧边栏-->
    <div class="main-layout-side">
        <div class="m-logo">
            <img src="../../images/zhzb.png"><br>
            <span>微信应用</span>
        </div>
        <ul class="layui-nav layui-nav-tree" lay-filter="leftNav">
        <#list list as oneMenu>
            <li class="layui-nav-item">
                <a href="javascript:void(0);" data-url="${oneMenu.menuUrl}" data-id='${oneMenu.id}' data-text="${oneMenu.menuName}"><i class="iconfont">${oneMenu.menuIcon}</i>${oneMenu.menuName}</a>
                <#if oneMenu.childList?? && (oneMenu.childList?size gt 0)>
                <dl class="layui-nav-child">
                <#list oneMenu.childList as twoMenu>
                    <dd>
                        <li class="layui-nav-item">
                            <a href="javascript:void(0);" data-url="${twoMenu.menuUrl}" data-id='${twoMenu.id}' data-text="${twoMenu.menuName}"><i class="iconfont">${twoMenu.menuIcon}</i>${twoMenu.menuName}</a>
                            <#if twoMenu.childList?? && (twoMenu.childList?size gt 0)>
                            <dl class="layui-nav-child">
                            <#list twoMenu.childList as threeMenu>
                                <dd>
                                    <a href="javascript:void(0);" data-url="${threeMenu.menuUrl}" data-id='${threeMenu.id}' data-text="${threeMenu.menuName}">&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont">${threeMenu.menuIcon}</i>${threeMenu.menuName}</a>
                                </dd>
                            </#list>
                            </dl>
                            </#if>
                        </li>
                    </dd>
                </#list>
                </dl>
                </#if>
            </li>
        </#list>
        </ul>
    </div>
    <!--右侧内容-->
    <div class="main-layout-container">
        <!--头部-->
        <div class="main-layout-header">
            <div class="menu-btn" id="hideBtn">
                <a href="javascript:void(0)">
                    <span class="iconfont">&#xe609;</span>
                </a>
            </div>
            <span style="display: inline-block; line-height: 50px; font-size:16px;">微信应用服务管理平台</span>
            <ul class="layui-nav" lay-filter="">
                <#if iframeContent == '/main'>
                    <li class="layui-nav-item">
                        <a href="javascript:void(0)" id="" style="color: #333;padding:0;">
                            <!--<div style="width:36px;height:36px;display:inline-block;border-radius:50%; overflow:hidden;"></div>-->
                            <i class="iconfont FS18" style="margin-right:0; color:#999">&#xe682;</i>${baseUser.name}
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:void(0)" id="exitBtn" style="color: #333;">
                            <i class="iconfont">&#xe61f;</i>退出
                        </a>
                    </li>
                <#else>
                    <li class="layui-nav-item ellipsis" style="max-width:120px;">
                        <a href="/web/myIndex" style="color:#333;padding:0;height:50px;" class="clearfix">
                            <i class="iconfont FS18" style="margin-right:0;color:#999">&#xe682;</i>
                            ${baseUser.name}
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/web/myIndex" style="color: #fff; background:#9eb6f9;border-radius:7px; height:32px; line-height:32px; margin-left:10px; padding:0 10px!important; margin-right: 20px;">
                            <i class="iconfont" style="color:#fff!important; margin-right:0;">&#xe687;</i>
                            <span style="vertical-align:top;display: inline-block;font-weight:bold; color:#fff;">返回主页</span>
                        </a>
                    </li>
                </#if>
            </ul>
        </div>
        <!--主体内容-->
        <div class="main-layout-body">
            <!--tab 切换-->
            <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
                <ul class="layui-tab-title layui-left-tabnav">
                    <li class="layui-this welcome">后台主页</li>
                </ul>
                <div class="layui-right-tabbtn">
                    <span class="iconfont">&#xe629;</span>关闭操作
                    <div class="layui-tab-option" style="display: none;">
                        <ul>
                            <li class="closePageAll">关闭所有</li>
                            <li class="closePageOther">关闭其他标签</li>
                        </ul>
                    </div>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                        <input type="hidden" id="applyId" value="${applyId}">
                        <input type="hidden" id="name" value="${name}">
                        <input type="hidden" id="applyUseId" value="${applyUseId}">
                        <input type="hidden" id="loginName" value="${baseUser.loginName}">
                        <iframe src="${iframeContent}" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--遮罩-->
    <div class="main-mask">
    </div>
</div>
<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/js/main.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['jquery', 'dialog', 'baseutil'], function () {
        var $ = layui.jquery,
            dialog = layui.dialog,
            baseutil = layui.baseutil;

        $("#exitBtn").bind("click", function () {
            dialog.confirm("确定要退出吗？", function () {
                baseutil.AjaxGetMark("webExit", "", function () {
                    window.location.href = "/web/index";
                });
            });
        });

        $(".layui-right-tabbtn").click(function () {
            $(".layui-tab-option").toggle();
        })
        $(".layui-nav-child dd li").bind("click",function(){

        })
    });
</script>
</body>
</html>